<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>我的积分</title>
    <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=0">
    <!-- 电话号码不被显示为超链接 -->
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="./static/css/animate.css">
    <link rel="stylesheet" href="./static/css/com.css">
    <link rel="stylesheet" href="./static/css/my-integral.css">
    <link href="./static/css/index.2525f9504888eb93733ed3ab5519e5e3.css" rel="stylesheet">
</head>

<body>
    <div id='app'>

        <hea-controll :icon_json='heaIconJson' @right1='right1' @right2='right2'></hea-controll>

        <div class='integral-wrap'>
            <img src="./static/img/integral-hua.png" width="180px" height="209px">
            <div>
                <p>积分余额:</p>
                <p>24583</p>
            </div>
        </div>

        <div class='consu-parent'>
            <div class='consu-wrap' v-for='(val,index) in 5' :key='index'>
                <h1 class='month-all'>
                    <span>本月</span>
                    <span>
                        <span>支出： </span><span>9000</span>
                    </span>
                    <span>
                        <span>收入： </span><span>1230</span>
                    </span>
                </h1>
                <div class='consu-list'>
                    <p v-for='(infoVal,infoIndex) in 5' :key='infoIndex'>
                        <span>12:30</span>
                        <span>消费赠送</span>
                        <span :style="{'color':infoIndex==2?'#6CC3B8':''}">+69</span>
                    </p>
                </div>
            </div>
        </div>

    </div>
    <script src="./static/js/com.js"></script>
    <script src="./static/js/jquery-3.3.1.min.js"></script>
    <script src='./static/js/vue.min.js'></script>
    <script src="./component/com/header.js"></script>
    <script src="./static/js/vue-service-my-integral.js"></script>
</body>

</html>